.w {
    width: 1200px;
    margin: 0 auto;
}

/*头部模块*/
header {
    position: relative;
    height: 84px;
    border-bottom: 2px solid #b11919;
}

header .logo img {
    position: absolute;
    top: 17px;
    left: 5px;
}

/*主体部分制作*/
.registerarea {
    margin: 20px 0;
    height: 522px;
    border: 1px solid #dfdfdf;
}

.registerarea h3 {
    padding: 0 12px;
    height: 43px;
    line-height: 43px;
    background-color: #ecebec;
    border-bottom: 1px solid #dfdfdf;
}

.registerarea h3 .login {
    float: right;
}

.registerarea h3 .login a {
    color: #c71622;
}

.registerarea .reg_form {
    margin: 50px auto;
    width: 600px;
}

.registerarea .reg_form ul li {
    margin-top: 20px;
}
/*label 标签本身是一个行内元素，因为这里要设定
    宽度需要转换为行内块元素*/
.registerarea .reg_form ul li label {
    display: inline-block;
    width: 90px;
    text-align: right;
}

.registerarea .reg_form ul li .inp {
    margin: 0 10px;
    width: 242px;
    height: 37px;
    border: 1px solid #999999;
}

.registerarea .reg_form ul li span {
    color: #df3033;
}

.registerarea .reg_form ul li span i {
    display: inline-block;
    width: 20px;
    height: 20px;
    /*如何让图片和文字垂直居中
        因为图片属于行内块元素，
        只要给图片添加一个 vertical-align: middle; 即可垂直居中*/
    vertical-align: middle;
    /*微调位置*/
    margin: -3px 5px 0 0;
}

.registerarea .reg_form ul li span .right {
    background: url("../images/success.png");
}

.registerarea .reg_form ul li span .error_ico {
    background: url("../images/error.png");
}

.registerarea .reg_form .safe {
    padding-right: 255px;
    text-align: right;
}

.registerarea .reg_form .safe em {
    margin-right: 2px;
    padding: 0 10px;
    color: white;
}

.registerarea .reg_form .safe .puniness {
    background-color: #dd1111;
}

.registerarea .reg_form .safe .centre {
    background-color: #40b83e;
}

.registerarea .reg_form .safe .strong {
    background-color: #f79100;
}

.registerarea .reg_form .agree {
    line-height: 37px;
    padding-left: 100px;
}

.registerarea .reg_form .agree input {
    /*让文字和 input 居中对齐*/
    vertical-align: middle;
    margin-right: 5px;
}

.registerarea .reg_form .agree a {
    color: #58b9ed;
}

.registerarea .reg_form .refer {
    margin-left:  125px;
    text-align: center;
    width: 200px;
    height: 34px;
    line-height: 34px;
    color: white;
    background-color: #c81723;
}

/*底部模块样式*/
.mod_copyright {
    padding-top: 20px;
    text-align: center;
}
.mod_copyright .links {
    height: 28px;
    line-height: 28px;
}

.mod_copyright .links a {
    margin: 0 15px;
}
